﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web Components</title>
    <script src="tooltip.js" defer></script>
    <script src="confirm-link.js" defer></script>
    <style>
        *{
            box-sizing:  border-box;
        }
        html{
            --color-primary: #a4fcda;
            font-family: sans-serif;
        }

        uc-tooltip{
            border:1px solid blue;
            padding:0.15rem;
        }
    </style>
</head>
<body>

<p>
    <uc-tooltip class="important" text="Web Components is a set of standards.">
        <span class="highlight">Web Components</span>
    </uc-tooltip>
    are awesome!
</p>

<uc-tooltip></uc-tooltip>

<a is="uc-confirm-link" href="https://www.baidu.com">BaiDu</a>

</body>
</html>